<%- include('layout/header', { title: '空间 - 首页', isNav: true, list: true, isInputBlog: true })%>

    <div class="container margin-top-20">
        <div class="row">
            <!-- 左侧 -->
            <div class="col-8">
                <!-- 输入框 -->
                <%- include('widgets/input')%>

                    <!-- 空间列表 -->
                    <% if (blogData.isEmpty) { %>
                        <div>
                            <center>暂无数据</center>
                        </div>
                        <% } else { %>
                            <!-- 空间列表 -->
                            <div id="container-fun-space-list" class="fun-space-list">
                                <%- include('widgets/blog-list', {
                        blogList: blogData.blogList,
                        canReply: true
                    })%>
                            </div>
                            <!-- 空间列表 结束 -->
                            <!-- 加载更多 -->
                            <% if (blogData.count > blogData.blogList.length) { %>
                                <%- include('widgets/load-more', {
                        pageSize: blogData.pageSize,
                        pageIndex: blogData.pageIndex,
                        count: blogData.count,
                        containerSelector: '#container-fun-space-list',
                        api: '/api/blog/loadMore',
                    })%>
                                    <% } %>
                                        <!-- 加载更多 结束 -->
                                        <% } %>

            </div>
            <!-- 左侧结束 -->

            <!-- 右侧 -->
            <div class="col-4">
                <!-- 个人信息 -->
                <div class="right-item">
                    <%- include('widgets/user-info', {
                    userInfo: userData.userInfo,
                    isMe: true,
                    amIFollowed: false,
                    atCount: userData.atCount
                });%>
                </div>

                <!-- 粉丝 -->
                <%- include('widgets/fans', {
                count: userData.fansData.count,
                userList: userData.fansData.list
            })%>

                    <!-- 关注 -->
                    <%- include('widgets/followers', {
                count: userData.followersData.count,
                userList: userData.followersData.list
            })%>
            </div>
            <!-- 右侧结束 -->
        </div>
    </div>

    <%- include('layout/footer')%>